@layout("/common/_curd/_container.html"){
<!--startprint-->
<style>
	.title1{
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}
	.top1{
		font-size: 20px;
		font-weight: bold;
	}
	.title2{
		display: flex;
		width: 100%;
		margin: 0 auto;
		align-items: center;
		justify-content: space-between;
	}
	/*.company{*/
	/*text-decoration:underline*/
	/*}*/
	.qianming_out{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.qianming_div{
		width: 25%;
	}
	.qianming_div div{
		margin-top: 10px;
	}
</style>

<input type="hidden" value="${orderId}" id="orderId">
<div class="content">
	<div class="title1">
		<span class="top1">新苏南集团</span>
	</div>
	<div class="title1">
		<span class="top1">一汽大众</span>
		<span class="top1">汽车销售服务有限公司付款申请单</span>
	</div>
	<div class="title2">
		<div>
		</div>
		<div>
			<span>日期：${order.apply_date,dateFormat="yyyy-MM-dd"}</span>
		</div>


		<div class="middle">
			<span>部门：${deptname}</span>
			<input type="hidden" id="did" value="${deptid}">
		</div>


		<div class="middle">
			<span>付款方式：${order.pay_type!}</span>
		</div>
		<div></div>
	</div>
	<!--<div>-->
		<!--<button type="btn btn-success" id="_add" onclick="addtr()">新增</button>-->
		<!--<button type="btn btn-success" id="_edit" onclick="edittr()">修改</button>-->
		<!--<button type="btn btn-success" id="_remove" onclick="remove()">删除</button>-->
	<!--</div>-->
	<table class="table table-bordered" id="orderLog">
		<tr>
			<td>#</td>
			<td colspan="2">
				付款项目描述
			</td>
			<td>
				单位
			</td>
			<td>
				数量
			</td>
			<td>
				金额（元）
			</td>
		</tr>

	</table>
</div>
<!--endprint-->
<input type="hidden" id="price" value="0.00">
<div class="clearfix form-actions center" style="margin-top:15px;margin-bottom:5px;">
	<div class="col-md-offset-1 col-md-10">
		<button class="btn btn-info" type="submit" onclick="doPrint()" id="btn_save1">
			<i class="ace-icon fa fa-check bigger-110"></i>
			打印
		</button>

		&nbsp; &nbsp; &nbsp;
		<button class="btn" type="button" id="btn_closes" onclick="closes()">
			<i class="ace-icon fa fa-close bigger-110"></i>
			关闭
		</button>
	</div>
</div>


<script>
	closes = function(){
		var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
		parent.layer.close(index); //再执行关闭
	}

//	addapply = function(){
//		var ajaxURL = "/snOrderPay/update"
//		var ajaxData = {
//			"sn_order_pay.id":${orderId},
//			"sn_order_pay.pay_type":$("#pay_type").val(),
//			"sn_order_pay.price":$("#price").val(),
//			"sn_order_pay.deptid":${deptid},
//			"sn_order_pay.addtime":$("#apply_date").val(),
//			"sn_order_pay.bank":$("#bank").val(),
//			"sn_order_pay.bank_account":$("#bankaccount").val(),
//			"sn_order_pay.pay_to":$("#company").val(),
//			"sn_order_pay.status":101
//		}
//		$.post(ajaxURL,ajaxData,function (res) {
//			if(res["success"]){
//				var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
//				parent.layer.close(index); //再执行关闭
//			}
//		});
//
//	}

	$(function () {
		initTable();
	})
	var inithtml = '<tr><td>#</td><td width="50%" colspan="2">付款项目描述</td><td>' +
			'单位' +
			'</td><td>' +
			'数量' +
			'</td><td>' +
			'金额（元）' +
			'</td></tr>'
//	addtr = function () {
//		var index = layer.open({
//			type: 2,
//			title:'新增',
//			area: ['100%', '100%'],
//			maxmin:true,
//			shadeClose: true, //点击遮罩关闭
//
//			content:  '/snOrderPaylog/add?orderId=' + $("#orderId").val()
//			,end:function () {
//				initTable();
//			}
//		});
//
//		this.layerIndex = index;
//	}

//	edittr = function () {
//		var id =$('input[name="table_rows"]:checked').val()
//		if(!id>0){
//			layer.msg("请选择要修改的项")
//			return false;
//		}
//		var index = layer.open({
//			type: 2,
//			title:'修改',
//			area: ['100%', '100%'],
//			maxmin:true,
//			shadeClose: true, //点击遮罩关闭
//
//			content:  '/snOrderPaylog/edit/' + id
//			,end:function () {
//				initTable();
//			}
//		});
//
//		this.layerIndex = index;
//	}


//	remove = function(){
//		var id =$('input[name="table_rows"]:checked').val()
//		if(!id>0){
//			layer.msg("请选择要删除的项")
//			return false;
//		}
//
//		$.post("/snOrderPaylog/remove",{ids:id},function (res) {
//			if(res["success"]){
//				initTable()
//				layer.msg("删除成功!")
//			}
//		});
//
//	}


	initTable = function () {
		var ajaxURL = "/snOrderPaylog/list?orderId="+$("#orderId").val();
		var company = '${order.pay_to!}';
			var	bank = '${order.bank!}';
			var	bankaccount = '${order.bank_account!}';


		$.get(ajaxURL,null,function (res) {
			$('#orderLog').empty();
			var html = "";
			var pp = "";
			 var bott = '';
			var totle_price = 0.00;
			if(res.records>0){
				for(var i = 0;i<res.records;i++){
					totle_price += res.rows[i].price;
					html += '<tr><td>' +
							'<input type="radio" name="table_rows" value="'+res.rows[i].id+'">' +
							'</td><td colspan="2">'+
							res.rows[i].pay_content +
							'</td><td>' +
							res.rows[i].unit +
							'</td><td>' +
							res.rows[i].num +
							'</td><td>' +
							res.rows[i].price +
							'</td></tr>'
				}
			}else {
				html = '<tr><td colspan="7" style="text-align: center;">没有记录</td></tr>';
			}
			$("#price").val(totle_price)
			pp+='<tr><td colspan="2">' +
					'付款金额' +
					'</td><td colspan="3" id="totle_price">（大写）' +
					DX(totle_price) +
					'</td>' +
					'<td>￥：' +
					totle_price +
					'</td>' +
					'<tr><td colspan="2">'+
					'收款单位' +
					'</td><td colspan="5">' +
					'<input class="form-control" id="company" value="'+company+'" placeholder="请填写收款单位"/> '+
					'</td>' +
					'</tr>' +
					'<tr><td colspan="2">'+
					'开户银行' +
					'</td><td colspan="1" >' +
					'<input class="form-control" id="bank" value="'+bank+'" placeholder="请填写开户银行"/> '+
					'</td>' +
					'<td>'+
					'帐号' +
					'</td><td colspan="2" >' +
					'<input class="form-control" id="bankaccount" value="'+bankaccount+'" placeholder="请填写帐号"/> '+
					'</td>' +
					'</tr>' +
					'</tr>'




			var uname = '${order.uname}';
			var addtime =' ${order.addtime,dateFormat="yyyy-MM-dd"}';
			var option_step1 = '${order.option_step1}';
			var date_step1 = '${order.date_step1,dateFormat="yyyy-MM-dd"}';
			var option_step2 = '${order.option_step2}';
			var date_step2 = '${order.date_step2,dateFormat="yyyy-MM-dd"}';
			var option_step3 = '${order.option_step3}';
			var date_step3 = '${order.date_step3,dateFormat="yyyy-MM-dd"}';
			var option_step4 = '${order.option_step4}';
			var date_step4 = '${order.date_step4,dateFormat="yyyy-MM-dd"}';


			bott += '<tr>' +
					'<td colspan="7">' +
						'<div class="qianming_out">' +
							'<div class="qianming_div">' +
								'<div>申请人：'+
								uname+
								'</div>'+
								'<div>日期：'+addtime+'</div>'+
							'</div>' +
								'<div class="qianming_div">' +
								'<div>部门经理：'+
               						 option_step1+
								'</div>'+
								'<div>日期：'+date_step1+'</div>'+
								'</div>' +
								'<div class="qianming_div">' +
								'<div>总经理：'+
                						option_step2+
								'</div>'+
								'<div>日期：'+date_step2+'</div>'+
								'</div>' +
								'<div class="qianming_div">' +
								'<div>采购中心副主任：'+
								option_step3+
								'</div>'+
								'<div>日期：'+date_step3+'</div>'+
								'</div>' +
						'</div>' +
					'</td></tr>'+
                '<tr>' +
                '<td colspan="7">' +
                '<div class="qianming_out">' +
                '<div class="qianming_div">' +
                '<div>采购中心主任：'+
                option_step4+
                '</div>'+
                '<div>日期：'+date_step4+'</div>'+
                '</div>' +
                '<div class="qianming_div">' +
                '<div>财务经理：'+
                '</div>'+
                '<div>日期：</div>'+
                '</div>' +
                '<div class="qianming_div">' +
                '<div>董事长：'+
                '</div>'+
                '<div>日期：</div>'+
                '</div>' +
                '</div>' +
                '</td></tr>'
					// '<tr>' +
					// '<td colspan="2">' +
					// '<div>采购中心副主任：'+
					// option_step3+
					// '</div>'+
					// '<div>日期：'+date_step3+'</div>'+
					// '</td>'+
					// '<td colspan="2">' +
					// '<div>采购中心主任：'+option_step4+'</div>'+
					// '<div>日期：'+date_step4+'</div>'+
					// '</td>' +
					// '<td colspan="2">' +
					// '<div>董事长签字：</div>'+
					// '<div>日期：</div>'+
					// '</td>' +
					// '</tr>'
			$('#orderLog').append(inithtml+html + pp + bott)
		});
	}
</script>
<script>
	function DX(n) {
		if (!/^(0|[1-9]\d*)(\.\d+)?$/.test(n))
			return "数据非法";
		var unit = "千百拾亿千百拾万千百拾元角分", str = "";
		n += "00";
		var p = n.indexOf('.');
		if (p >= 0)
			n = n.substring(0, p) + n.substr(p+1, 2);
		unit = unit.substr(unit.length - n.length);
		for (var i=0; i < n.length; i++)
			str += '零壹贰叁肆伍陆柒捌玖'.charAt(n.charAt(i)) + unit.charAt(i);
		return str.replace(/零(千|百|拾|角)/g, "零").replace(/(零)+/g, "零").replace(/零(万|亿|元)/g, "$1").replace(/(亿)万|壹(拾)/g, "$1$2").replace(/^元零?|零分/g, "").replace(/元$/g, "元整");
	}
</script>
<script type="text/javascript">
	function doPrint() {
		bdhtml=window.document.body.innerHTML;
		sprnstr="<!--startprint-->";
		eprnstr="<!--endprint-->";
		prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
		prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
		window.document.body.innerHTML=prnhtml;
		window.print();
	}
</script>

<!--<script src="/static/blade/js/laydate/laydate.js"></script>-->
<!--<script>-->
	<!--laydate.render({-->
		<!--elem: '#apply_date'-->
		<!--,value:'${order.apply_date,dateFormat="yyyy-MM-dd"}'-->
	<!--});-->
<!--</script>-->

@}
